﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_969211_v156ho2fn7.css">
    <link rel="stylesheet" href="css/lunbo.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/nationality.js"></script>
    <script src="js/layui.js"></script>
    <script src="js/modal.js"></script>
    <script src="js/common.js"></script>
    <script src="js/baseinfo.js"></script>
</head>
<body>
<!--头部-->
<div class="head"></div>


<!--轮播-->
<div id="slideBox" class="slideBox"></div>

<div class="mycontent">
    <div class="zbox">
        <div class="storage" style="width:1200px;margin: 40px auto;">
            <div class="tabel_box">
                <!--面包屑导航-->
                <div id="crumbs">
                    <h1>填写申请</h1>
                    <span class="notice">（注意：以下带  * 为必填项）</span>
                </div>

                <!--专家基本信息内容区-->
                <form action="/expertlib/a/sys/user/saveInfoUser" id="Myform1" method="post"
                      enctype="multipart/form-data">
                    <div class="info-con">
                        <input type="hidden" name="id" value="" id="hiduserid">
                        <div class="base_box clearfix">
                            <ul class="left">
                                <li>
                                    <label for="usernameid"><i>*</i>姓名</label>
                                    <input type="text" name="name" id="usernameid"/>
                                </li>
                                <li style="position: relative">
                                    <img src="images/date.png" height="42%"
                                         style="position: absolute;right: 3px;top:12px" alt="">
                                    <label for="birthdateid"><i>*</i>出生年月</label>
                                    <input type="text" name="birthday" readonly="readonly" id="birthdateid" size="22"
                                           style="width:178px;" class="layui-input ui-time-text" value="" kssj=""
                                           jssj=""
                                           placeholder="出生年月"/>
                                </li>
                                <li>
                                    <label for="partyid">党派</label>

                                    <select name="party" id="partyid"></select>

                                </li>
                                <li>
                                    <label for="graduationucid"><i>*</i>毕业院校</label>
                                    <input type="text" name="graduationuc" id="graduationucid"/>
                                </li>
                                <li>
                                    <label for="nowmajorid"><i>*</i>从事专业</label>
                                    <input type="text" name="nowmajor" id="nowmajorid"/>
                                </li>
                                <li>
                                    <label for="higheducationid">最高学历</label>
                                    <select name="higheducation" id="higheducationid">

                                    </select>
                                </li>
                            </ul>
                            <ul class="left" style="margin-right: 100px">
                                <li class="radios">
                                    <label for=""><i>*</i>性别</label>
                                    <label for="sexidnam"><input type="radio" name="sex" id="sexidnam" value="男"
                                                                 style="width: auto; border:none;"
                                                                 checked="checked"/>男</label>
                                    <label for="sexidnv"><input type="radio" name="sex" id="sexidnv" value="女"
                                                                style="width: auto;border:none;"/>女</label>

                                </li>
                                <li>
                                    <label for="nationid">民族</label>
                                    <input type="text" name="nation" id="nationid"/>
                                </li>
                                <li class="con-list bor">
                                    <label for="nationalityid">国籍</label>
                                    <input name="nationality" id="nationalityid" class="nationality-suggest-input"
                                           placeholder="支持中文/英文搜索" value="">
                                    <input type="hidden" class="counum" value="">
                                    <div class="nationality-suggest-list-container"
                                         style="display: none; position: absolute; z-index: 99;" id="tests3">
                                        <!--<p class="nationality-suggest-hint">支持中文、英文搜索</p>-->
                                        <ul class="nationality-suggest-list"></ul>
                                    </div>

                                </li>
                                <li>
                                    <label for="majorid"><i>*</i>所学专业</label>
                                    <input type="text" name="major" id="majorid"/>
                                </li>
                                <li>
                                    <label for="knowmajorid">熟悉专业</label>
                                    <input type="text" name="knowmajor" id="knowmajorid"/>
                                </li>
                                <li>
                                    <label for="highdegreeid">最高学位</label>
                                    <select name="highdegree" id="highdegreeid">
                                    </select>
                                </li>
                            </ul>
                            <ul class="right" style="margin-right: 0;width: 160px;">
                                <li>
                                    <!--<span style="vertical-align: top;">照片</span>-->
                                    <input id="img" type="file" name="file" accept="image/*" style="z-index: 10;"
                                           value="中国大陆"/>
                                    <div id="photo" onclick="$('#img').click()"><span>上传照片</span></div>
                                    <p class="warn">尺寸：295×413<br>大小：<100KB</p>
                                </li>
                            </ul>
                        </div>
                        <div class="base_box base_box_bg clearfix">
                            <ul class="left">
                                <li>
                                    <label for="workunitnameid"><i>*</i>工作单位</label>
                                    <input type="text" name="workunitname" id="workunitnameid" style="width: 553px;"
                                           placeholder="单位全称"/>
                                </li>
                                <!--<li>-->
                                <!--<label for="workofficesid">处室/院系</label>-->
                                <!--<input type="text" name="workoffices" id="workofficesid" style="width: 531px;"-->
                                <!--placeholder="具体到处室、院系"/>-->

                                <!--</li>-->
                                <li>
                                    <label for="addressdetailid"><i>*</i>单位地址</label>
                                    <select id="province" name="addressprovinceid">
                                        <option value="">请选择省份</option>
                                    </select>
                                    <select id="city" name="addresscityid">
                                        <option value="">请选择市</option>
                                    </select>
                                    <input type="text" name="addressdetail" id="addressdetailid"
                                           style="width: 553px; margin-left:104px;" placeholder="详细地址"/> (详细地址，精确到街道)
                                </li>


                                <li>
                                    <label for="unittypeid">单位类型</label>
                                    <select name="unittype" id="unittypeid" style="margin-right: 90px"></select>
                                    <label for="dutyid">职务</label>
                                    <input type="text" name="duty" id="dutyid"/>
                                </li>
                                <li>
                                    <label for="qualificationsid">职业资格</label>
                                    <!-- <input type="text" name="qualifications" id="qualificationsid"/> -->
                                    <select name="qualifications" id="qualificationsid"
                                            style="margin-right: 90px"></select>

                                    <label for="unittitieid"><i>*</i>职称</label>
                                    <!-- <input type="text" name="unittitie" id="unittitieid"/> -->
                                    <select name="unittitie" id="unittitieid"></select>
                                </li>
                                <li>
                                    <label for="pluralityid" style="vertical-align: top;">社会兼职</label>
                                    <textarea name="" id="pluralityid" cols="30" rows="10"></textarea>
                                </li>
                            </ul>
                        </div>
                        <div class="base_box clearfix">
                            <ul class="left">
                                <li>
                                    <label for="mobileid"><i>*</i>移动电话</label>
                                    <input type="text" name="mobile" id="mobileid"/>
                                </li>
                                <li>
                                    <label for="documenttypeid"><i>*</i>证件类型</label>
                                    <select name="documenttype" id="documenttypeid">

                                    </select>
                                </li>
                                <!--<li>-->
                                <!--<label for="banknoid">银行账号</label>-->
                                <!--<input type="text" name="bankno" id="banknoid"/>-->
                                <!--</li>-->
                                <!--<li>-->
                                <!--<label for="contactsid">联系人</label>-->
                                <!--<input type="text" name="contacts" id="contactsid"/>-->
                                <!--</li>-->
                                <li>
                                    <label for="emailid">E-mail</label>
                                    <input type="text" name="email" id="emailid"/>
                                </li>
                            </ul>
                            <ul class="left">
                                <li>
                                    <label for="">办公电话</label>
                                    <input type="text" name="phone" id="phoneid"/>
                                </li>
                                <li>
                                    <label for="phoneid"><i>*</i>证件号码</label>
                                    <input type="text" name="documentcode" id="documentcodeid"/>
                                </li>
                                <!--<li>-->
                                <!--<label for="openbankid">开户行</label>-->
                                <!--<input type="text" name="openbank" id="openbankid" placeholder="具体到支行或营业网点"/>-->
                                <!--</li>-->
                                <!--<li>-->
                                <!--<label for="contactsmobileid">联系电话</label>-->
                                <!--<input type="text" name="contactsmobile" id="contactsmobileid"/>-->
                                <!--</li>-->
                                <li>
                                    <label for="zipcodeid">邮政编码</label>
                                    <input type="text" name="zipcode" id="zipcodeid"/>
                                </li>
                            </ul>
                        </div>

                        <div class="base_box base_box_bg clearfix">
                            <p>荣誉称号或技术职务(多选)</p>
                            <div id="gzxzid" class="gzxzid clearfix">

                            </div>
                            <p style="margin-top: 48px">开展业务情况(多选)</p>
                            <div id="gzxzid1" class="gzxzid clearfix">

                            </div>
                        </div>


                        <div class="base_box">
                            <ul style="margin-left: 30px">
                                <li>
                                    <label for="" style="height: 40px">主要工作业绩</label>
                                    <textarea name="" id="base_text" cols="30" rows="10"></textarea>
                                </li>
                            </ul>

                        </div>


                    </div>
                    <div class="btns">
                        <!-- <button type="submit" class="selfnext" id="selfsaveid">保存</button> -->
                        <button type="submit" id="mtjsubid">提交</button>
                        <button type="submit" class="hui" id="mtjsave">保存</button>
                        <button type="button" class="hui" id="mtjprint">打印</button>
                    </div>
                </form>


            </div>
        </div>
    </div>
</div>

</body>

<script type="text/javascript">
    $(function () {
        //国籍选项（需加载nationality.js）
        $(".con-list").each(function () {
            var input = $(this).find("#nationalityid");
            var list = $(this).find(".nationality-suggest-list");
            new nationality({input: input, list: list});
        })

        //点击上传头像
        $('#img').change(function () {
            var file = this.files[0];
            if (file.size > 102400) {
                alert("文件超过100kb上限！");
                this.value = '';
                return false;
            } else {
                var r = new FileReader();
                r.readAsDataURL(file);
                $(r).load(function () {
                    $('#photo').html('<img src="' + this.result + '" alt="" />');
                })
            }
        })


        $("#mtjsubid").click(function () {
            $('#Myform1').ajaxForm(function (data) {

                if (data == 'ok' || data == '<pre>ok</pre>') {
                    window.location.href = 't_norm.html';
                } else if (data == 'image' || data == '<pre>image</pre>') {
                    alert('照片格式或者尺寸不正确，只支持.jpg,.jpeg,.png');

                } else if (data == 'error1' || data == '<pre>error1</pre>') {
                    alert('数据验证失败');
                }
                else if (data == 'error2' || data == '<pre>error2</pre>') {
                    alert('程序异常，请联系管理员');
                } else {
                    alert('请更换新版本浏览器');
                }
            });
        })
        $("#mtjsave").click(function () {

            $('#Myform1').ajaxForm(function (data) {
                if (data == 'ok' || data == '<pre>ok</pre>') {
                    window.location.href = 't_workinfo.html';
                } else if (data == 'image' || data == '<pre>image</pre>') {
                    alert('照片格式或者尺寸不正确，只支持.jpg,.jpeg,.png');

                } else if (data == 'error1' || data == '<pre>error1</pre>') {
                    alert('数据验证失败');
                }
                else if (data == 'error2' || data == '<pre>error2</pre>') {
                    alert('程序异常，请联系管理员');
                } else {
                    alert('请更换新版本浏览器');
                }
            });
        })
    })

</script>
</html>
